*{margin: 0;padding: 0;}
.big{width: 100%;height: auto;overflow: hidden;}
.head{width: 100%;background: url(../image/1.jpg);background-size: cover;}
.top-head{width: 80%;margin: 0 auto;display: flex;flex-direction: row;}
.top-img{width: 70%;padding: 16px 0;}
.top-img a{padding: 16px 2px;}
.top-font{color: white;display: flex;flex-direction: row;width: 30%;padding: 20px;}
.web{background: url(../image/Mail.png) no-repeat;padding-left: 30px;}
.phone{background: url(../image/Phone.png) no-repeat;padding-left: 30px;margin-left: 20px;}
.nav1{background-color: #f0f0f0;}
.nav{width: 80%;margin: 0 auto;display: flex;flex-direction: row;background-color: #f0f0f0;}
.logo{padding: 10px;width: 70%;}
.navs{width: 30%;line-height: 100px;display: flex;flex-direction: row;justify-content: space-between;}
.navs a{color:black;font-weight: bolder;text-decoration: none;}
.navs a:first-child,.navs a:hover{color: orangered;}
.header{background: url(../image/1.jpg)  no-repeat 100% 100%;background-size: cover;width: 100%;text-align: center;margin-top: 0;}
.header h1{color: white;font-size: 50px;word-spacing: 20px;padding-top: 70px;}
.header p{font-size: 25px;color: white;}
.header-input{background-color: rgba(220, 220, 220, 0.9);padding: 10px;margin: 70px auto;display: inline-block;}
.header-input input{height: 30px;border-radius: 10px;border: 0;margin: 0 5px;padding-left: 10px;font-weight: bolder;}
.header-input button{background-color: orangered;height: 40px;font-weight: bolder;border-radius: 10px;border: 0;padding:10px;}
.header ul{display: flex;flex-direction: row;margin: 0 auto;width: 80%;justify-content: space-between;padding-bottom: 150px;}
.header ul li{list-style: none;}
.header ul li a{text-decoration: none;color: #DDD;font-size: 16px; font-weight: bold;}
.header ul li a:hover{color: orangered;}
.main{background-color: #F4F3EE;}
.main-three{width: 80%;margin: 0px auto;padding: 20px 0;overflow: hidden;}
.main-three1{width: calc(33.3% - 20px);background-color: #fff;border-radius: 10px;height: auto;float: left;margin: 10px;}
.main-three1 img{width: 100%;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.main-three1 h3{margin: 25px;font-size: 25px;}
.data{padding:10px 25px;border-top: #f0f0f0 1px solid;color: gray;margin-bottom: 0;}
.data a{text-decoration: none;font-weight: bolder;color: orange;}
.data a:hover{color: black;}
.data:hover{background-color: #DDD;}
.about-main{width: 80%;margin: 30px auto;}
.about-main h3{padding-top: 40px;}
.about-main h3,.service-main h3{color: orange;font-size: 35px;text-align: center;font-weight: normal;}
.line{width: 70px;background-color:  orange;height: 3px;margin: 0 auto;margin-top: 10px;}
.about-main p,.service-main p{margin: 10px auto;color: #666;word-spacing: 5px;text-align: center;}
.about-three{display: flex;flex-direction: row;justify-content: space-between;width: 100%;margin-top: 30px;}
.about-three1{width: 30%;text-align: center;}
.about-three1 img{padding: 25px;}
.circle{border: 1px solid rgb(178, 175, 175);border-radius: 50%;display: inline-block;margin-top: 30px;}
.about-three1 h4{line-height: 50px;}
.about-three1 h4 a{font-size: 22px;color: black;text-decoration: none;}
.about-three1 h4 a:hover{color: orange;}
.more{text-align: center;}
.more button{padding: 15px 24px;border-radius: 30px;color: white;font-weight: bolder;background-color: #fe9b13;border: 0;letter-spacing: 2px;margin: 30px auto;}
.more button:hover{background-color:  rgb(198, 197, 197);color: black;}
.about-main-end{background: url(../image/bg.jpg) no-repeat 100% 100%;;background-size: cover;width: 100%;}
.about-main-end p{font-size: 40px;width: 80%;margin: 0 auto;font-weight: bold;color: white;line-height: 80px;word-spacing: 5px;text-align: center;padding: 70px;}
.services{width: 100%;background-color: #f0f0f0;padding-top: 30px;}
.service-main{width: 80%;margin: 0 auto;}
.service-main-four{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;}
.service-main-four1{width: 25%;box-sizing: border-box;text-align: center;padding: 10px;margin: 20px 0;}
.service-main-four1 h3{font-size: 30px;text-align: center;font-weight: normal;}
.service-main-four1 h3 a{text-decoration: none;color: black;}
.service-main-four1 h3 a:hover{color: #fe9b13;}
.service-main-four1 p{font-size: 19px;}
.news{width: 80%;margin: 20px auto;display: flex;flex-direction: row;}
.news-left{width: 70%;}
.news-right{width: 30%;margin-bottom: 50px;}
.news-right a{text-decoration: none;color: #4c4c4c;}
.news-right a:hover{color: #fe9b13;}
.news-right h2{padding: 10px;}
.news-left-top{display: flex;flex-direction: row;width: 100%;}
.img1,.font{width: 50%;padding: 10px;}
.img1 img{width: 100%;}
.news-left-bottom{display: flex;flex-direction: row;justify-content: space-between;}
.news-left-bottom1{width: 31%;padding: 10px;}
.news-left-bottom1 img{width: 243px;height: 150px;}
.news-left-bottom1 h3{color: #4c4c4c;}
.news-left-bottom1 h3:hover{color: #fe9b13;}
.font h3 a{text-decoration: none;color: black;font-size: 25px;}
.font h3 a:hover{color: #fe9b13;}
.font span{line-height: 50px;}
.font p{color: #666;word-spacing: 3px;line-height: 25px;}
.font span a{text-decoration: none;color: #fe9b13;font-weight: bold;}
.font span a:hover{color: black;}
.lines{display: flex;flex-direction: row;}
.orange1{width: 160px;height: 4px;background-color: #fe9b13;}
.gray{width: calc(100% - 160px);background-color: rgb(170, 169, 169);height: 3px;}
.news-right p{border-bottom: 3px solid rgb(170, 169, 169);color: #4c4c4c;line-height: 40px;font-weight: bold;padding: 0 10px;}
.footer_main{width: 100%;background-color: #26232d;}
.footer_main_three{width: 80%;margin: 0 auto;display: flex;flex-direction: row;justify-content: space-between;}
.footer_main_three1{width: 32%;padding: 30px 0;color: #999999;}
.footer_main_three1 button:hover{background-color: rgb(170, 169, 169,0);}
.footer_main_three1 p{font-weight: bold;margin: 10px 0;line-height: 25px;word-spacing: 3px;}
.footer_bottom{width: 100%;text-align: center;background-color: #312e38;line-height: 60px;color: #999999;}
.footer_bottom a{color: #999999;}
.footer_main_three1 h2{color: white;padding: 10px 0;}
.footer_main_three1 input{width: 100%;background-color: #26232d;border: 1px solid gainsboro;padding: 10px 0px;margin: 10px 0;}
.footer_main_three1 button{background-color:#fe9b13;padding: 10px 15px;margin: 10px 0;color: white;letter-spacing: 3px;font-weight: 500;border: 3px solid #fe9b13;}
.footer_main_three1_imgs{width: calc(100% - 20px);padding: 20px 10px;display: flex;flex-direction: row;justify-content: space-between;}
.footer_main_three1_imgs img{width: 20%;justify-content: space-between;}

@media  screen and (max-width: 1200px) {
    .top-head{width: 100%;display: block;}
    .top-img{width: 100%;}
    .top-font{width: 100%;}
    .nav{display: block;}
    .logo{width: 100%;}
    .navs{width: 100%;}
    .header ul{margin: 0 auto;width: 80%;flex-wrap: wrap;}
    .header-input input{width: 80%;margin: 0 auto;}
    .main-three{width: 100%;margin: 0 auto;display: block;}
    .main-three1{width: calc(100% - 40px);margin: 10px 20px;}
    .about-three{display: block;}
    .about-three1{width: 100%;text-align: center;}  
    .service-main-four{width: 100%;display: block;flex-wrap: wrap;}
    .service-main-four1{width:100%;text-align: center;}
    .news{width: 100%;margin: 0px auto;display: block;}
    .news-left{width: 100%;margin: 0 auto;}
    .news-right{width: calc(100% - 20px);padding: 10px;}
    .news-left-top{display: block;width: 100%;}
    .img1,.font{width: 80%;padding: 10px;margin: 0 auto;}
    .news-left-bottom{display: block;margin: 0 auto;}
    .news-left-bottom1{width: 80%;margin: 0 auto;}
    .footer_main_three{width: 100%;display: block;padding: 30px 0;}
    .footer_main_three1 input{width: 90%;}
    .footer_main_three1{width: calc(100% - 20px);padding:0 10px;}
    .footer_main_three1_imgs{width: calc(100% - 20px);padding: 20px 10px;display: block;}
    .footer_main_three1_imgs img{width: 100%;padding: 10px 0;}
}